﻿; (function ($) {
    $.extend({
        tipsBox: function (options) {
            options = $.extend({
                obj: null,  //jq对象，要在那个html标签上显示
                str: "+1",  //字符串，要显示的内容;也可以传一段html，如: "<b style='font-family:Microsoft YaHei;'>+1</b>"
                startSize: "15px",  //动画开始的文字大小
                endSize: "30px",    //动画结束的文字大小
                interval: 800,  //动画时间间隔
                color: "red",    //文字颜色
                callback: function () { }    //回调函数
            }, options);
            $("body").append("<span class='num'>" + options.str + "</span>");
            var box = $(".num");
            var left = options.obj.offset().left + options.obj.width() / 2;
            var top = options.obj.offset().top - options.obj.height() - 5;
            box.css({
                fontWeight: 'bold',
                "position": "absolute",
                "left": left + "px",
                "top": top + "px",
                "z-index": 9999,
                "font-size": options.startSize,
                "line-height": options.endSize,
                "color": options.color
            });
            box.animate({
                "font-size": options.endSize,
                "opacity": "0.2",
                "top": top - parseInt(options.endSize) * 3 + "px"
            }, options.interval, function () {
                box.remove();
                options.callback();
            });
        }
    });
})(jQuery);
(function () {
    //中秋内容绑定
    $('.row img').on({
        click: imgClick
    });
    //图片点击事件
    function imgClick(e) {
        var thisImg = $(this);
        thisImg.parents('.thumbnail').parent().toggleClass('col-md-12');
        //滚动条滚动到当前顶部
        var top = thisImg.offset().top;
        $('html,body').animate({ scrollTop: top }, 600);
        thisImg.toggleClass('big');
        console.info('imgClick');
        e.preventDefault();
    }
    // 按钮点击事件
    $('.thumbnail .btn').on({
        click: btnClick,
        touchstart: btnClick
    });
    function btnClick(e) {
        var thisBtn = $(this);
        var btnList = thisBtn.parent().find('.btn');
        var btnIndex = btnList.index(thisBtn);
        var thisName = thisBtn.parent().prev().text();
        console.info(thisName);
        //根据按钮不懂操作不同
        if (btnIndex >= 2) {
            var key = thisName + '_2';
            //获取当前是否已经投过
            var result = LStorage.getItem(key);
            if (result) {
                //已经投过票了
                alert(thisName + '是否吃过投过啦');
            } else {
                LStorage.setItem(key, btnIndex == 2 ? "吃过" : "没吃过");
                thisBtn.addClass('btn-success');
                $.tipsBox({
                    obj: $(this),
                    str: "+1"
                });
                //添加记录
                $.ajax({
                    url: '/zhuanti/add',
                    data: {
                        title: thisName,
                        IsEat: btnIndex == 2
                    },
                    success: function (data) {
                        if (isNaN(data) == false) {
                            thisBtn.text(data + '票');
                        } else {
                            console.info(data);
                        }
                    }
                });
            }
        } else {
            var key = thisName + '_1';
            //获取当前是否已经投过
            var result = LStorage.getItem(key);
            if (result) {
                //已经投过票了
                alert(thisName + '是否喜欢投过啦');
            } else {
                LStorage.setItem(key, btnIndex == 0 ? "喜欢" : "不喜欢");
                $.tipsBox({
                    obj: $(this),
                    str: "+1"
                });
                thisBtn.addClass('btn-success');
                //添加记录
                $.ajax({
                    url: '/zhuanti/add',
                    data: {
                        title: thisName,
                        IsLike: btnIndex == 0
                    },
                    success: function (data) {
                        if (isNaN(data) == false) {
                            thisBtn.text(data + '票');
                        } else {
                            console.info(data);
                        }
                    }
                });
            }
        }
        e.preventDefault();
    }
    //存储客户端信息
    //key:title
    //like:
    //eate:
})();